<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>为你推荐</title>
    <style>
        *{margin: 0;padding: 0;}
        body{
            background-color: #f4f4f4;
        }
        #show{
            width: 1200px;
            height: 720px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
        }

        #show>div{
            width: 200px;
            height:280px;
            margin: 0 10px;
            background-color: white;
        }
        #show>div:hover{
            box-shadow: 0 0 6px #BDBEBF;
        }

        .list-1 .img img{
            width: 150px;
            height: 150px;
            padding: 20px;
        }
        .text{
            width: 180px;
            font-size: 12px;
            color: #666;
            margin: 0 auto;
            cursor: pointer;
        }
        .text>span{
            display: inline-block;
            width: 34px;
            height: 16px;
            background-color: #E1251B;
            border-radius: 3px;
            color: white;
            text-align: center;
        }
        .text p:nth-of-type(1){
            font-size: 12px;
            color:#E1251B ;
            margin-top: 15px;
            font-weight: bold;
        }
        .text p:nth-of-type(1) span{
            font-size: 15px;
        }
        .text p:nth-of-type(2){
            display: inline-block;
            width: 30px;
            height: 15px;
            border: 1px solid #E1251B;
            border-radius: 3px;
            color: #E1251B;
            text-align: center;
            line-height: 15px;
            float: right;
            position: relative;
            top: -20px;
        }
    </style>
</head>
<body>
<div id="show">
    <div class="list-1">
        <div class="img">
            <img src="https://img20.360buyimg.com/jdcms/s300x300_jfs/t1/83755/32/11655/59054/5d905c62E19eab46c/87d499aec6684b78.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            公牛(BULL) 开关插座 G12系列 10A斜五孔插座二三...
            <p>￥<span>138</span>.00</p>
            <p>券</p>
        </div>
    </div>
<!--第一个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img11.360buyimg.com/jdcms/s300x300_jfs/t1/149066/12/1287/399038/5ef1a5e7Ecc060194/62820e95405d5bdd.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            京东京造 手机充电宝10000毫安移动电源双USB输出...
            <p>￥<span>29</span>.90</p>
            <p>券</p>
        </div>
    </div>
    <!--第二个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img12.360buyimg.com/jdcms/s300x300_jfs/t1/128300/26/7019/136167/5f0bb5d1Ece1e3899/8b3cafdb13afb09b.jpg.webp">
        </div>

        <div class="text">
            正泰(CHNT)开关插座墙壁面板二三插座电源86型无边框大...
            <p>￥<span>17</span>.90</p>
            <p>券</p>
        </div>
    </div>
    <!--第三个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img12.360buyimg.com/jdcms/s300x300_jfs/t1/103548/22/19641/502931/5e9f1ec9Ea00110d4/a7148b7aef3a7500.jpg.webp">
        </div>

        <div class="text">
            轻奢茶几北欧小户型大理石客厅长方形铁艺简约现代钢化...
            <p>￥<span>1558</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第四个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img30.360buyimg.com/jdcms/s300x300_jfs/t1/134404/14/4237/206541/5f090d74Edc176101/d79bec8d92aaf541.jpg.webp">
        </div>

        <div class="text">
            梵爱 沙发布艺沙发实木框架纳米科技布乳胶沙发可以拆洗U...
            <p>￥<span>1599</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第五个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/115694/4/3219/164415/5ea6a24cE2273c051/7a894d000dd929d1.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            折叠床实木成人家用1.2米木板简易办公室午...
            <p>￥<span>478</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第六个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/139996/33/2540/196193/5f080d64Ec50d281c/1b6807cd2bea099c.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            罗马仕 ROMOSS 华为充电宝移动电源20...
            <p>￥<span>109</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第七个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img20.360buyimg.com/jdcms/s300x300_jfs/t1/113688/5/8394/241631/5ecd075bEf68d24ff/98398109ac95a498.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            后现代轻奢玄关台走廊创意玄关柜简约铁艺大理石玄关桌...
            <p>￥<span>888</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第八个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img14.360buyimg.com/jdcms/s300x300_jfs/t1/146333/17/2153/120440/5f01436aE3a776d3c/0443c01999c1946b.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            北欧餐厅吊灯三头创意吧台灯现代简约卧室床头灯 炮弹3...
            <p>￥<span>158</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第九个结束-->
    <div class="list-1">
        <div class="img">
            <img src="https://img12.360buyimg.com/jdcms/s300x300_jfs/t1/136308/35/3941/120595/5f052eedE94fe1111/62f0bb51d040a379.jpg.webp">
        </div>

        <div class="text">
            <span>自营</span>
            漫步者 （EDIFIER） LolliPods 真无线蓝牙耳机 半入...
            <p>￥<span>208</span>.00</p>
            <p>券</p>
        </div>
    </div>
    <!--第十个结束-->
</div>
</body>
</html>